<!DOCTYPE html>
<html lang="zh-CN">
  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>HTML</title>
    <link href="style/bootstrap.css" rel="stylesheet">
    <link href="style/main.css" rel="stylesheet">
  </head>

  <body>

    <div class="container">
    <!-- 导航 -->
      <div class="masthead">
       
        <nav>
          <ul class="nav nav-justified">
             <li><a href="index.html">HOME</a></li>
            <li  class="active"><a href="index_html.html">HTML</a></li>
            <li><a href="index_css.html">CSS</a></li>
            <li><a href="index_javascript.html">JavaScript</a></li>
            <li><a href="index_bootstrap.html">Bootstrap</a></li>
            <li><a href="index_jquery.html">jQuery API</a></li>
            <li><a href="index_other.html">Other</a></li>
          </ul>
        </nav>
      </div>

      <div class="jumbotron">
        <h1>HTML</h1>
        <p class="lead"><a href="http://baike.baidu.com/link?url=YPcGz5kC3YzusKJCi_bo83a1oQYvlK-y-nNJprlQhC-07-W9McGYCAlA2uHfSYxs3SdPHdntzSQGI1mWv0nJnMSnJWK44gG_AISUbMRxmoBfKwWKmtqZpuxpcXE86NpU1AzB59nMH_Qc9Kr4S4H6CSoCfTNsIjc4WF67GAxiTg_Vbce-RSqFOlTiqdkI-XlOkLhWL7nS85-0MCIQz4k5B_">超文本标记语言</a>，标准通用标记语言下的一个应用。
“超文本”就是指页面内可以包含图片、链接，甚至音乐、程序等非文字元素。
超文本标记语言的结构包括“头”部分（英语：Head）、和“主体”部分（英语：Body），其中“头”部提供关于网页的信息，“主体”部分提供网页的具体内容。</p>
        
      </div>
      <div class="row">
        <div class="col-md-3">
         <ul class="nav nav-pills nav-stacked">
           <li><a href="index_html.html">HTML 简介</a></li>
           <li class="active"><a href="index_html_1.html">HTML 元素</a></li>
        </ul>
      </div>
      <div class="col-md-9" >
          <div>
            <h2>HTML 元素</h2>
            <p>HTML 元素指的是从开始标签（start tag）到结束标签（end tag）的所有代码。</p>
            <table class="dataintable">
              <tbody>
                    <tr>
                        <th style="width:33%;">开始标签</th>
                        <th style="width:33%;">元素内容</th>
                        <th>结束标签</th>
                    </tr>
                    <tr>
                      <td>&lt;p&gt;</td>
                      <td>This is a paragraph</td>
                      <td>&lt;/p&gt;</td>
                    </tr>
                    <tr>
                      <td>&lt;a href="default.htm" &gt;</td>
                      <td>This is a link</td>
                      <td>&lt;/a&gt;</td>
                    </tr>
                    <tr>
                      <td>&lt;br /&gt;</td>
                      <td></td>
                      <td></td>
                    </tr>
              </tbody>
            </table>
            <p class="note"><span>注释：</span>开始标签常被称为开放标签（opening tag），结束标签常称为闭合标签（closing tag）。</p>
          </div>


          <div>
              <h2>HTML 元素语法</h2>

              <ul>
              <li>HTML 元素以<em>开始标签</em>起始</li>
              <li>HTML 元素以<em>结束标签</em>终止</li>
              <li><em>元素的内容</em>是开始标签与结束标签之间的内容</li>
              <li>某些 HTML 元素具有<em>空内容（empty content）</em></li>
              <li>空元素<em>在开始标签中进行关闭</em>（以开始标签的结束而结束）</li>
              <li>大多数 HTML 元素可拥有<em>属性</em></li>
              </ul>

              <p class="tip"><span>提示：</span>您将在本教程的下一章中学习更多有关属性的内容。</p>
          </div>

          <div>
<h2>嵌套的 HTML 元素</h2>

<p>大多数 HTML 元素可以嵌套（可以包含其他 HTML 元素）。</p>
<p>HTML 文档由嵌套的 HTML 元素构成。</p>


<h3>HTML 文档实例</h3>

<pre>&lt;html&gt;

&lt;body&gt;
&lt;p&gt;This is my first paragraph.&lt;/p&gt;
&lt;/body&gt;

&lt;/html&gt;
</pre>

<p>上面的例子包含三个 HTML 元素。</p>
</div>


          
      </div>
    </div>

      
      <footer class="footer">
        
      </footer>
    </div>
  </body>
</html>
